<template>
  <div>
      <h1>test-computed</h1>
  </div>
</template>

<script>
import { defineComponent } from "@vue/runtime-core";
import { ref,computed } from "vue";

export default defineComponent({
    setup() {
        console.log("--- computed ---");
        const str = ref("Hello");
        const splitVal = computed(()=>{
            return str.value.split("");
        })
        console.log("splitVal.value",splitVal.value);
    }
})
</script>

<style>

</style>